<!DOCTYPE html>
<html lang="zh-CN">
    {% load staticfiles %}
    <head>
        <meta charset="UTF-8">
        <Link  href="{% static 'stu_exam_manage/interesting/mouse_tail_static_files/mouse_tail.css' %}" rel="stylesheet" type="text/css"></Link>
        <style src=""></style>
        <script src="{% static 'stu_exam_manage/interesting/mouse_tail_static_files/mouse_tail.js' %}"></script>
        <title></title>
    </head>
    <body>
       <!-- <button id="btn">形态</button> -->

       <div id="btnsControl">
           <button id="btn1">精灵飞舞</button>
           <button id="btn2">心形</button>
           <button id="btn3">鼠标留尾巴</button>
           <button id="btn4">代码出现</button>
           <button id="btn5">清除所有</button>
           <button id="btn5">暂停所有</button>
       </div>
       <pre id="daima1"></pre>
       <pre id="daima">
        function creatPoint(x,y){ //鼠标留尾特效
        var div = document.createElement("div");
        var jicishu = 1 ;//局部变量累计次数
        var timerBaocun = null ;
        var style1 = "position:absolute;left:" + (x-2) + "px;top:" + (y-2) + "px;" ;
        document.body.appendChild(div);
        timerBaocun = setInterval(function(){
        div.style.left = (x - 2 - (kuosanSudu / 2 - 1) * jicishu ) + "px" ;
        div.style.top = (y - 2 - (kuosanSudu / 2 - 1) * jicishu ) + "px" ;
        div.style.width = ( 4 + kuosanSudu * jicishu ) + "px"  ;
        div.style.height = ( 4 + kuosanSudu * jicishu ) + "px" ;
        div.style.opacity = (1 - kuosanSudu * 0.01 * jicishu ) + "" ;
        if(div.style.opacity &lt;= 0 ){
            clearInterval(timerBaocun);
            document.body.removeChild(div);
        }
        jicishu++;
        console.log(timer);
        },42);
        timer[count++] = timerBaocun;        
        }
       </pre>
    </body>
</html>